﻿// 遮罩
.mask { width: 100%; height: 100%; position: fixed; z-index: 20; }
// 商户信息
.head-box { position: relative; height: 160px; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; background-color: #19be6b; color: #ffffff;
    .head-wrap { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9; top: 0;
        .nav-title { font-size: 19px; font-family: PingFang SC; font-weight: 500; color: #fff; }
        .status-H5bar { height: 30px; width: 350px; }
        .status-bar { height: calc(var(--status-bar-height) + 10px); width: 350px; }
    }
}
// 卡片
.info-card-box { background-color: #fff; padding: 15px 10px;
    .info-card { position: relative; width: 172px; height: 82.5px; border-radius: 5px; overflow: hidden;
        .card-bg { width: 100%; height: 100%; }
        .card-content { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; padding: 15px 0 0 15px;
            .card-title { font-size: 14px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 1); }
            .card-detail-box { padding: 5px 10px; height: 22.5px; background: rgba(255, 255, 255, 1); width: 75px; border-radius: 11.5px; margin-top: 10px;
                .card-detail { font-size: 11px; font-family: PingFang SC; font-weight: 500; color: rgba(0, 187, 206, 1); }
                .cuIcon-qr_code { color: #0f98f9; }
                .cuIcon-edit { color: #00b6ce; }
                .card-icon { font-size: 18px; margin-right: 7px; }
            }
        }
    }
}
// 核销nav
.statistics-nav { background: #fff; margin: 5px 0 0; position: relative; z-index: 22;
    .nav-item { flex: 1;
        &:first-child {
            &::after { content: ''; height: 15px; width: 1px; background-color: #bdbdbd; display: inline-block; }
        }
        &:nth-child(2) {
            &::after { content: ''; height: 15px; width: 1px; background-color: #bdbdbd; display: inline-block; }
        }
        .item-title { font-size: 15px; color: #666; line-height: 40px; }
        .cuIcon-triangleupfill { color: #666; transition: all linear 0.2s; }
        .icon-active { transition: all linear 0.2s; transform: rotate(180deg); color: #4cb89d; }
        .title-active { color: #4cb89d; }
        .nav-line { width: 100%; height: 1px; background: rgba(#ccc, 0.5); }
        .line-active { background: #4cb89d; height: 1px; }
    }
}
// 下拉窗
.drop-down-box { position: absolute; z-index: 22; width: 100%; top: 55px; background-color: #ffff; box-shadow: 0px 7.5px 13.5px 0px rgba(203, 203, 203, 0.34); transform: scaleX(1); transition: all linear 0.1s;
    .drop-down-item { height: 40px; border-bottom: 0.5px solid rgba(#dfdfdf, 0.5); padding: 0 30px; line-height: 40px;
        .item-title { font-size: 12px; color: #666; }
        .cuIcon-check { color: #4cb89d; }
        .title-active { color: #4cb89d; }
    }
}
.hide-drop-down { top: 0; width: 375px; transform: scaleY(0); opacity: 0; transform-origin: top; transition: all linear 0.1s; }
// 销量
.sales-volume-box { background-color: #fff; padding: 15px;
    .sales-volume { width: 169px; height: 36px; background: rgba(76, 184, 157, 0.06); border: 0.5px solid rgba(185, 227, 217, 1); border-radius: 5px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: rgba(76, 184, 157, 1); text-align: center; line-height: 36px; margin: 0 10px }
}
// 输码弹窗
.modal-box { background: #fff; width: 305px; margin: 0 auto; border-radius: 10px;
    .modal-head-img { width: 100%; height: 106.5px; }

    .modal-head-title { font-size: 17.5px; font-family: PingFang SC; font-weight: bold; color: #343434; line-height: 21px; }

    .inp { width: 250.5px; height: 39px; border: 0.5px solid #e5e5e5; margin: 30px auto 20px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #6d5028;

        .pl-inp { color: #9a9a9a; }
    }
    .post-btn { width: 246px; height: 35px; background: linear-gradient(90deg, #2eae9c, #6cc29f); box-shadow: 0px 3.5px 3px 0px rgba(#6cc29f, 0.22); border-radius: 17.5px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); padding: 0; margin-bottom: 30px; }
}
// 订单列表
.order-list { background: #fff; margin: 10px; padding: 0 10px;
    .order-bottom { height: 40px;
        .total-price-title { color: #999999; font-size: 12px; }
        .total-price { color: #333; font-size: 13px;
            &::before { content: '￥'; font-size: 10px; }
        }
    }
    .order-head { height: 33.5px; border-bottom: 0.5px solid #dfdfdf;
        .no { font-size: 13px; color: #999; }
        .state { font-size: 13px; color: #a8700d; }
    }
    .goods-order { border-bottom: 1px solid rgba(223, 223, 223, 0.5); padding: 10px 0; }
}


/*商品展示*/
.goods-box { position: relative;
    .goods-img { height: 90px; width: 90px; background-color: #ccc; margin-right: 12.5px; }
    .order-goods__tag { position: absolute; top: 0; left: 0; z-index: 5;
        .tag-img { width: 30px; height: 15px; }
    }
    .goods-title { font-size: 14px; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); width: 225px; line-height: 20px; margin-bottom: 5px; }

    .size-tip { line-height: 20px; font-size: 12px; color: #666; }
    .sub-tip { width: 240px; line-height: 20px; font-size: 12px; color: #a8700d; margin: 5px 0; }

    .price { color: #e1212b; }
}

// order
.goods-box {
    .order-right { height: 90px; }
    .order-tip { font-size: 12px; font-family: PingFang SC; font-weight: 400; color: rgba(153, 153, 153, 1); width: 225px; margin-bottom: 10px;
        .order-num { margin-right: 5px; }
    }
    .order-goods { width: 240px;

        .status-btn { background: none; height: 16px; border: 0.5px solid rgba(207, 169, 114, 1); border-radius: 7.5px; font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(168, 112, 13, 1); padding: 0 5px; margin-left: 10px; background: rgba(233, 183, 102, 0.16); }
        .order-price { font-size: 13px; font-family: PingFang SC; font-weight: 600; color: rgba(51, 51, 51, 1); }
    }
}

/*订单详情*/
.order-detail-wrap { position: relative; height: 100%;
    .bottom-box { position: absolute; width: 375px; bottom: 0; background-color: #fff; padding: 5px 0;
        .send-btn { width: 355px; height: 40px; background: linear-gradient(90deg, #2eae9c, #6cc29f); border: 0.5px solid rgba(237, 237, 237, 1); border-radius: 20px; font-size: 15px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); }
    }
}
// 订单卡片
.card-box { margin-bottom: 10px; background-color: #fff;
    .order-goods-item { padding: 10px;
        .card-item { line-height: 30px;
            .item-title { font-size: 14px; color: #999; }
            .item-content { font-size: 13px; color: #333; }
        }
    }
}
.order-detail-card { background-color: #fff; margin: 10px 0;
    .card-title { font-size: 15px; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); height: 40px; padding: 0 10px; border-bottom: 0.5px solid rgba(223, 223, 223, 0.5); }
    .detial-content { padding: 10px;
        .detail-item { min-height: 30px;
            .item-title { font-size: 14px; color: #999; }
            .item-content { font-size: 13px; color: #333; }
        }
        .address-item { display: flex;
            .address-content { width: 225px; }
        }
    }
}

.coreshop-tools-list-box {
    .grid-text { font-size: 12px; margin-top: 5px; color: $core-type-info; }
}
